/*
 * @Author: lei 2677065112@qq.com
 * @Date: 2022-10-03 15:05:26
 * @LastEditors: lei 2677065112@qq.com
 * @LastEditTime: 2022-10-04 11:06:02
 * @FilePath: \vue-admin-template\src\icons\index.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component

// 全局注册组件
Vue.component('svg-icon', SvgIcon)

// require.context是什么？
// 它是一个webpack的api，通过执行require.context()函数获取一个特定的上下文
// 主要实现自动化导入模块
// 场景：从一个文件夹引入很多模块
// 3个参数含义：读取文件夹的路径（隔壁的svg文件夹）；是否遍历子目录；匹配文件正则（以.svg结尾的文件）
// 返回的是一个函数
const req = require.context('./svg', false, /\.svg$/)
console.log(req)
// requireContext变量值：req
const requireAll = requireContext => {
  console.log(requireContext.keys())// 自动化导入的文件的名字
  return requireContext.keys().map(requireContext)
}
requireAll(req)
